<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	template="/WEB-INF/templates/template.xhtml">
	<ui:define name="content">


		<h1>
			<h:outputText value="#{messages['task.title']}" />
		</h1>

		<br />
		<h2>Tasks</h2>
		<h:form id="formLista">
			<p:dataTable id="lista" value="#{taskHome.tasks}" var="v_task"
				paginator="true" paginatorPosition="top" rows="10">
				<p:column headerText="Clave">
					<p:outputLabel value="#{v_task.id}"/>
				</p:column>
				<p:column headerText="Descrpcion" sortBy="description"
					filterBy="description">
					<p:outputLabel value="#{v_task.description}"/>
				</p:column>
				<p:column headerText="Dificultad" sortBy="dificultad"
					filterBy="dificultad">
					<p:rating value="#{v_task.dificultad}" stars="5" disabled="true" />
				</p:column>
				<p:column headerText="Fecha Inicio" sortBy="fechaInicio">
					<p:outputLabel value="#{v_task.fechaInicio}">
						<f:convertDateTime pattern="dd/MM/yyyy" />
					</p:outputLabel>
				</p:column>
				<p:column>
					<p:commandButton action="#{taskHome.eliminar(v_task.id)}"
						value="Eliminar" update=":formLista:lista"	icon="ui-icon-trash" />

					<p:commandButton	actionListener="#{taskHome.seleccionarTarea(v_task)}"
						value="Editar" update=":alta:crearPanel" icon="ui-icon-disk" />
				</p:column>
			</p:dataTable>
		</h:form>

		<h:form id="alta">
			<p:growl globalOnly="true" showDetail="true" showSummary="true" />
			<p:panel header="Crear" id="crearPanel">
				<p:panelGrid columns="3">
					<p:outputLabel value="Descripcion:" for="taskDesc" />
					<p:inputText value="#{taskHome.task.description}" id="taskDesc" />
					<p:message for="taskDesc" />

					<p:outputLabel value="Dificultad:" for="dif" />
					<p:rating id="dif" value="#{taskHome.task.dificultad}" stars="5" />
					<p:message for="dif" />


					<p:outputLabel value="Fecha Inicio" for="fi" />
					<p:calendar value="#{taskHome.task.fechaInicio}" id="fi"
						pattern="dd/MM/yyyy" />
					<p:message for="fi" />
				</p:panelGrid>
				<f:facet name="footer">
					<p:commandButton action="#{taskHome.saveTask}" value="Guardar"
						update=":formLista:lista crearPanel" />
				</f:facet>
			</p:panel>
		</h:form>
	</ui:define>
</ui:composition>
